﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.7.2.custom.min.js"></script>
    <link rel="Stylesheet" type="text/css" href="style/jqueryui/ui-lightness/jquery-ui-1.7.2.custom.css" />

    <script type="text/javascript" src="scripts/jHtmlArea-0.7.0.js"></script>
    <link rel="Stylesheet" type="text/css" href="style/jHtmlArea.css" />
    
    <style type="text/css">
        /* body { background: #ccc;} */
        div.jHtmlArea .ToolBar ul li a.custom_disk_button 
        {
            background: url(images/disk.png) no-repeat;
            background-position: 0 0;
        }
        
        div.jHtmlArea { border: solid 1px #ccc; }
    </style>
</head>
<body id="dt_example" background="../images/background.png" style="background-repeat:repeat; font-size:24px;" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
    <script type="text/javascript">    
        // You can do this to perform a global override of any of the "default" options
        // jHtmlArea.fn.defaultOptions.css = "jHtmlArea.Editor.css";

        $(function() {
            //$("textarea").htmlarea(); // Initialize all TextArea's as jHtmlArea's with default values

            $("#txtDefaultHtmlArea").htmlarea(); // Initialize jHtmlArea's with all default values

            $("#txtCustomHtmlArea").htmlarea({
                // Override/Specify the Toolbar buttons to show
                toolbar: [
                    ["bold", "italic", "underline", "|", "forecolor"],
                    ["p", "h1", "h2", "h3", "h4", "h5", "h6"],
                    ["link", "unlink", "|", "image"],                    
                    [{
                        // This is how to add a completely custom Toolbar Button
                        css: "custom_disk_button",
                        text: "Save",
                        action: function(btn) {
                            // 'this' = jHtmlArea object
                            // 'btn' = jQuery object that represents the <A> "anchor" tag for the Toolbar Button
                            alert('SAVE!\n\n' + this.toHtmlString());
                        }
                    }]
                ],

                // Override any of the toolbarText values - these are the Alt Text / Tooltips shown
                // when the user hovers the mouse over the Toolbar Buttons
                // Here are a couple translated to German, thanks to Google Translate.
                toolbarText: $.extend({}, jHtmlArea.defaultOptions.toolbarText, {
                        "bold": "fett",
                        "italic": "kursiv",
                        "underline": "unterstreichen"
                    }),

                // Specify a specific CSS file to use for the Editor
                css: "style//jHtmlArea.Editor.css",

                // Do something once the editor has finished loading
                loaded: function() {
                    //// 'this' is equal to the jHtmlArea object
                    //alert("jHtmlArea has loaded!");
                    //this.showHTMLView(); // show the HTML view once the editor has finished loading
                }
            });
        });
    </script>
    <form action="checknewtopic.php" method="post" name="form1" enctype="multipart/form-data">
    <table width="1000" border="0" cellpadding="0" cellspacing="15">
    	<tr>
        	<td width="200">
            	<label style="color:#FFFFFF"> Tiêu đề : </label>
            </td>
        	<td colspan="3">
            	<input type="text" name="title" id="title"  width="300px"/>
            </td>
        </tr>
        <tr>
        	<td width="150">
            	<label style="color:#FFFFFF"> Ảnh : </label>
            </td>
        	<td colspan="3">
            	<input type="file" name="file" id="file"  width="300px" style="color:#FFFFFF"/>
            </td>
        </tr>
        <tr>
        	<td width="200">
            	<label style="color:#FFFFFF"> Giới thiệu : </label>
            </td>
        	<td colspan="3">
            	<input type="text" name="describle" id="describle"  width="300px"/>
            </td>
        </tr>
        <tr>
        	<td colspan="4">
            	<textarea id="txtDefaultHtmlArea" name="txtDefaultHtmlArea" cols="100" rows="25">Nội dung</textarea>
            </td>
        </tr>
        <tr>
        	<td style="color:#FFFFFF">
            	<input type="radio" name="category" value="service1" /> Hoang Long Spa<br />
        		<input type="radio" name="category" value="service2" /> Karaoke<br />
                <input type="radio" name="category" value="service3" /> Sân tennis<br />
        		<input type="radio" name="category" value="service4" /> Lớp dậy tennis<br />
                <input type="radio" name="category" value="service5" /> Xe đạp nước<br />
        		<input type="radio" name="category" value="service6" /> Vui chơi trẻ em<br />
                <input type="radio" name="category" value="service7" /> Bể bơi thông minh<br />
        		<input type="radio" name="category" value="service8" /> Bia<br />
            </td>
            <td style="color:#FFFFFF" width="250">
	            <input type="radio" name="category" value="food1" /> Nhà hàng nổi chính<br />
        		<input type="radio" name="category" value="food2" /> Nhà hàng nổi phụ<br />
                <input type="radio" name="category" value="food3" /> Nhà ven hồ 1<br />
        		<input type="radio" name="category" value="food4" /> Nhà ven hồ 2<br />
                <input type="radio" name="category" value="food5" /> Quầy bar nhà hàng nổi<br />
        		<input type="radio" name="category" value="food6" /> Bar sảnh lễ tân Hotel<br />
                <input type="radio" name="category" value="food7" /> Quầy bar cafe<br />
                <input type="radio" name="category" value="food8" /> Bar bể bơi<br />
                <input type="radio" name="category" value="food9" /> Phòng VIP tầng 5<br />
            </td>
            <td style="color:#FFFFFF" width="250">
            	<input type="radio" name="category" value="room1" /> Biệt thử Thái 1<br />
                <input type="radio" name="category" value="room2" /> Biệt thử Thái 2<br />
                <input type="radio" name="category" value="room3" /> Biệt thử Thái 3<br />
                <input type="radio" name="category" value="room4" /> Biệt thử Thái 4<br />
                <input type="radio" name="category" value="room5" /> Nhà sàn<br />
                <input type="radio" name="category" value="room6" /> Nhà chòi mái lá 1-4<br />
                <input type="radio" name="category" value="room7" /> Nhà chòi mái lá 5-8<br />
            </td>
            <td style="color:#FFFFFF"  width="250">
            	<input type="radio" name="category" value="event1" /> Hội nghị hội thảo<br />
                <input type="radio" name="category" value="event2" /> Tiệc cưới<br />
                <input type="radio" name="category" value="event3" /> Họp báo<br />
                <input type="radio" name="category" value="event4" /> Tiệc liên hoan<br />
                <input type="radio" name="category" value="event5" /> Tiệc ngoài trời<br />
                
            </td>
        </tr>
    </table>
    
    <input type="submit" value="Next"/>
    </form>
    <br />
</body>
</html>
